
@font-face {font-family: "HELVETICANEUELTPRO-THEX";font-style: normal;font-weight: normal;src: url("font/HELVETICANEUELTPRO-THEX.OTF");}
* { margin: 0; padding: 0;}
ul li { list-style: outside none none;}
a {   text-decoration: none;}
img {border: medium none;float: left;}
input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none;}
textarea {outline: 0 none;}
.clear {clear: both;}
.fl {float: left;}
.fr { float: right;}
.hide, .popup {    display: none;}
html, body { background: #f1f1f1 none repeat scroll 0 0;color: #929292;font: 12px Arial,"微软雅黑";height: 100%; width: 100%;}
#page { height: auto;}
.automw {   width: auto;}
.autocw {margin: 0 auto;width: 1780px;}
.contentfw {margin: 0 auto;max-width: 1180px;}
.nosoo {min-height: 780px; padding-top: 40px;}
.mnLR10 {
    margin: 0 10px;
}
.mnLR20 {
    margin: 0 10px;
}
.mnTB10 {
    margin: 10px 0;
}
.mnTB20 {
    margin: 20px 0;
}
.mn10 {
    margin: 10px;
}
.mn20 {
    margin: 20px;
}
.pgLR10 {
    padding: 0 10px;
}
.pgLR20 {
    padding: 0 10px;
}
.pgTB10 {
    padding: 10px 0;
}
.pgTB20 {
    padding: 20px 0;
}
.pg10 {
    padding: 10px;
}
.pg20 {
    padding: 20px;
}
.yy-icon {
    background-image: url("../images/yy-icon.png");
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden;
}
.yy-all {
    background-position: -406px -378px;
    height: 16px;
    width: 16px;
}
.yy-all.active {
    background-position: -340px -322px;
    height: 16px;
    width: 16px;
}
.yy-allw {
    background-position: -274px -322px;
    height: 16px;
    width: 16px;
}
.yy-ap {
    background-position: -66px -524px;
    height: 23px;
    width: 12px;
}
.yy-cdel {
    background-position: -208px -322px;
    height: 16px;
    width: 16px;
}
.yy-cedit {
    background-position: 0 -327px;
    height: 16px;
    width: 16px;
}
.yy-ceditw {
    background-position: -68px -326px;
    height: 16px;
    width: 16px;
}
.yy-comment {
    background-position: -142px -322px;
    height: 20px;
    width: 16px;
}
.yy-comment.active {
    background-position: -482px -340px;
    height: 20px;
    width: 16px;
}
.yy-commentw {
    background-position: -416px -308px;
    height: 20px;
    width: 16px;
}
.yy-didian {
    background-position: -62px -597px;
    height: 16px;
    width: 12px;
}
.yy-gt {
    background-position: -90px -100px;
    height: 40px;
    width: 40px;
}
.yy-jjb {
    background-position: -252px -180px;
    height: 22px;
    width: 22px;
}
.yy-kz {
    background-position: -132px -458px;
    height: 16px;
    width: 16px;
}
.yy-kz.active {
    background-position: 0 -459px;
    height: 16px;
    width: 16px;
}
.yy-kzw {
    background-position: -66px -458px;
    height: 16px;
    width: 16px;
}
.yy-laba {
    background-position: 0 -657px;
    height: 14px;
    width: 12px;
}
.yy-lg {
    background-position: -198px -454px;
    height: 16px;
    width: 16px;
}
.yy-lg.active {
    background-position: -132px -392px;
    height: 16px;
    width: 16px;
}
.yy-lgw {
    background-position: 0 -393px;
    height: 16px;
    width: 16px;
}
.yy-like {
    background-position: -262px -587px;
    height: 20px;
    width: 14px;
}
.citemqt .yy-like.active {
    background-position: -328px -530px;
}
.yy-like.active {
    background-position: -395px -510px;
    height: 20px;
    width: 14px;
}
.yy-likew {
    background-position: -198px -520px;
    height: 20px;
    width: 14px;
}
.yy-nu {
    background-position: -123px -724px;
    height: 4px;
    width: 7px;
}
.yy-nuh {
    background-position: -505px -286px;
    height: 4px;
    width: 7px;
}
.yy-nv {
    background-position: -505px -232px;
    height: 4px;
    width: 7px;
}
.yy-pn {
    background-position: 0 -721px;
    height: 18px;
    width: 11px;
}
.yy-pn2 {
    background-position: -62px -663px;
    height: 18px;
    width: 11px;
}
.yy-pp {
    background-position: -124px -656px;
    height: 18px;
    width: 11px;
}
.yy-pp2 {
    background-position: -190px -590px;
    height: 18px;
    width: 11px;
}
.yy-ppm2 {
    background-position: -330px -454px;
    height: 26px;
    width: 15px;
}
.yy-qql {
    background-position: -430px -232px;
    height: 26px;
    width: 25px;
}
.yy-sfb {
    background-position: -330px 0;
    height: 50px;
    width: 60px;
}
.yy-sic {
    background-position: -72px -256px;
    height: 20px;
    width: 20px;
}
.yy-sinal {
    background-position: -350px -100px;
    height: 26px;
    width: 33px;
}
.yy-so {
    background-position: -350px -176px;
    height: 32px;
    width: 30px;
}
.yy-soi {
    background-position: -185px -658px;
    height: 9px;
    width: 9px;
}
.yy-soi1 {
    background-position: -349px -258px;
    height: 14px;
    width: 17px;
}
.yy-soi2 {
    background-position: -459px -542px;
    height: 15px;
    width: 13px;
}
.yy-soi3 {
    background-position: -251px -657px;
    height: 16px;
    width: 11px;
}
.yy-sqq {
    background-position: -220px 0;
    height: 50px;
    width: 60px;
}
.yy-ssina {
    background-position: -110px 0;
    height: 50px;
    width: 60px;
}
.yy-stt {
    background-position: 0 0;
    height: 50px;
    width: 60px;
}
.yy-time {
    background-position: -143px -252px;
    height: 20px;
    width: 20px;
}
.yy-tj {
    background-position: -128px -590px;
    height: 16px;
    width: 12px;
}
.yy-tjh {
    background-position: -128px -524px;
    height: 16px;
    width: 12px;
}
.yy-tj.active {
    background-position: -128px -524px;
    height: 16px;
    width: 12px;
}
.yy-tjhs {
    background-position: 0 -591px;
    height: 16px;
    width: 12px;
}
.yy-tjhs2 {
    background: rgba(0, 0, 0, 0) url("../images/youse.png") repeat scroll 0 0;
    height: 16px;
    width: 16px;
}
.yy-tjw {
    background-position: 0 -525px;
    height: 16px;
    width: 12px;
}
.yy-tup {
    background-position: -185px -717px;
    height: 4px;
    width: 9px;
}
.yy-tyh {
    background-position: -267px -100px;
    height: 30px;
    width: 33px;
}
.yy-tyi {
    background-position: -180px -100px;
    height: 30px;
    width: 37px;
}
.yy-tyu {
    background-position: -440px -80px;
    height: 30px;
    width: 42px;
}
.yy-tyv {
    background-position: -440px 0;
    height: 30px;
    width: 43px;
}
.yy-ufollowa {
    background-position: -389px -643px;
    height: 13px;
    width: 13px;
}
.yy-ufollowa1 {
    background-position: -389px -680px;
    height: 13px;
    width: 13px;
}
.yy-ufollowb {
    background-position: -455px -607px;
    height: 13px;
    width: 13px;
}
.yy-ufollowc {
    background-position: -326px -600px;
    height: 13px;
    width: 13px;
}
.yy-umjt {
    background-position: -264px -516px;
    height: 21px;
    width: 14px;
}
.yy-upload {
    background-position: -264px -454px;
    height: 12px;
    width: 16px;
}
.yy-uploadb {
    background-position: -433px -160px;
    height: 22px;
    width: 32px;
}
.yy-user {
    background-position: -72px -190px;
    height: 16px;
    width: 21px;
}
.yy-user2 {
    background-position: -310px -700px;
    height: 16px;
    width: 16px;
}
.yy-usms {
    background-position: -392px -580px;
    height: 13px;
    width: 13px;
}
.yy-view {
    background-position: -281px -252px;
    height: 20px;
    width: 18px;
}
.yy-view.active {
    background-position: -213px -252px;
    height: 20px;
    width: 18px;
}
.yy-vieww {
    background-position: 0 -257px;
    height: 20px;
    width: 18px;
}
.yy-weibo {
    background-position: 0 -190px;
    height: 17px;
    width: 22px;
}
.yy-weixin {
    background-position: 0 -100px;
    height: 40px;
    width: 40px;
}
.yy-wz {
    background-position: -66px -392px;
    height: 16px;
    width: 16px;
}
.yy-wz.active {
    background-position: -472px -476px;
    height: 16px;
    width: 16px;
}
.yy-xl {
    background-position: -406px -444px;
    height: 16px;
    width: 16px;
}
.yy-xlh {
    background-position: -340px -388px;
    height: 16px;
    width: 16px;
}
.yy-yc {
    background-position: -274px -388px;
    height: 16px;
    width: 16px;
}
.yy-yc.active {
    background-position: -208px -388px;
    height: 16px;
    width: 16px;
}
.yy-ycw {
    background-position: -472px -410px;
    height: 16px;
    width: 16px;
}
.yy-app {
    background-position: -360px -700px;
    height: 16px;
    width: 16px;
}
.yy-app.active {
    background-position: -440px -700px;
    height: 16px;
    width: 16px;
}
.yy-timeb {
    background-position: -220px -700px;
    height: 17px;
    width: 16px;
}
.yy-timeb.active {
    background-position: -280px -700px;
    height: 17px;
    width: 16px;
}
.yy-rnicon {
    display: inline-block;
    height: 30px;
    width: 30px;
}
.yy-rnupload {
    background-image: url("../images/yy-rnupload.png");
}
.yy-rnmessage {
    background-image: url("../images/yy-rnmessage.png");
}
.yy-rnnoti {
    background-image: url("../images/yy-rnnoti.png");
}
.yy-rnso {
    background-image: url("../images/yy-rnso.png");
    height: 26px;
}
.yy-sotime {
    background-image: url("../images/yy-time.png");
    height: 13px;
    position: relative;
    top: 2px;
    width: 15px;
}
.yy-loadding {
    background: rgba(0, 0, 0, 0) url("../images/loading.gif") no-repeat scroll 0 0;
    display: inline-block;
    height: 14px;
    width: 14px;
}
.yy-rotate, .yy-rotatem:hover {
    transform: rotate(180deg);
}
.yy-rotated {
    transition: -webkit-transform 0.3s ease 0s;
}
#header {
    background: #323436 none repeat scroll 0 0;
    height: 80px;
    position: fixed;
    width: 100%;
    z-index: 4; top: 0;
}
#headerbody {
    height: 80px;
}
#hlogo {
    display: block;
    float: left;
    height: 42px; margin-top: 12px;
    width: 132px;
}
#htel {
    display: block;
    float: right;
    height: 42px; margin-top: 22px;
}

#sohot {
    background: rgba(0, 0, 0, 0) url("../images/sohot.png") repeat scroll 0 0;
    display: inline-block;
    height: 9px;
    margin-left: 5px;
    width: 11px;
}
#soform {
    border-radius: 13px;
    float: left;
    height: 26px;
    margin-right: 10px;
    margin-top: 12px;
    overflow: hidden;
    transition: all 0.1s ease-out 0s;
    width: 30px;
}
#soform .yy-rnso {
    cursor: pointer;
    display: block;
    float: left;
}
.st1{float: left;}
#soform .yy-rnso:hover {
    background-image: url("../images/yy-rnsoh.png");
}
#soform.open .yy-rnso:hover {
    background-image: url("../images/yy-rnso.png");
}
#soform.open {
    background: #fff none repeat scroll 0 0;
    width: 180px;
}
#soform form {
    height: 26px;
    width: 180px;
}
#soform form input[type="text"] {
    color: #8b8d90;
    float: left;
    height: 14px;
    line-height: 14px;
    outline: medium none;
    padding: 6px;
    width: 120px;
}
#likeurl {
    background: #36393b none repeat scroll 0 0;
    display: block;
    float: left;
    height: 32px;
    margin: 10px 10px 0;
    width: 32px;
}
#likeurl span {
    background-position: -328px -530px;
    height: 20px;
    margin-left: 9px;
    margin-top: 7px;
    width: 16px;
}
.rnitem {
    float: left;
    height: 50px;
    margin-left: 1px;
    width: 50px;
}
.rnitem.open {
    width: 180px;
}
.rnitem.open #soform {
    background: #fff none repeat scroll 0 0;
}
.rnimage {
    background: #36393b none repeat scroll 0 0;
    cursor: pointer;
    display: block;
    height: 30px;
    padding: 10px;
    position: relative;
    width: 30px;
}
.rnimage:hover, .rnimage.active {
    background: #2a2a2a none repeat scroll 0 0;
}
span.uxx {
    background: #ff0000 none repeat scroll 0 0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    color: #ffffff;
    padding: 1px 2px;
    position: absolute;
    right: 0;
    top: 0;
}
.rncontent {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 50px;
    z-index: 1;
}
.rncontent::before {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    height: 8px;
    position: absolute;
    right: 20px;
    top: -4px;
    transform: rotate(45deg);
    width: 8px;
    z-index: -1;
}
#rnupload .rncontent::before {
    right: 72px;
}
#rnnoti .rncontent::before {
    right: 124px;
}
#rnmessage .rncontent::before {
    right: 174px;
}
.rnct {
    background: #fff none repeat scroll 0 0;
    padding: 5px;
    right: 0;
    width: 136px;
}
.rnct ul {
    height: auto;
}
.rnct ul li a {
    background: #f5f5f5 none repeat scroll 0 0;
    border-bottom: 1px solid #e3e3e3;
    color: #565656;
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
}
.rnct ul li a:hover {
    background-color: #6bc30d;
    border-bottom: 1px solid #6bc30d;
    color: #ffffff;
}
.rnci {
    padding: 0;
    width: 355px;
}
.rnci .umitem {
    min-height: 40px;
    padding: 15px 20px;
}
.rnci .umitem a.umtx {
    height: 40px;
    width: 40px;
}
.rnci .umitem a {
    color: #1f8902;
    font-size: 12px;
    text-decoration: none;
}
.rnci .umitem a:hover {
    text-decoration: underline;
}
.rnci .umitem > div {
    color: #666;
    font-size: 12px;
    line-height: 20px;
    margin-left: 60px;
    padding: 0;
    word-break: break-all;
}
.rnci .umitem div > div > p {
    margin: 10px 0;
    overflow-wrap: break-word;
}
.rnci .umitem div span {
    color: #909090;
}
.rnci .umitem div .umidate {
    color: #a7a7a7;
    margin-left: 0;
}
.rnci .umitem a.umpost {
    border: 1px solid #cacaca;
    display: block;
    float: left;
    height: 64px;
    margin: 0;
    padding: 2px;
    width: 100px;
}
.rnct ul.rnctab {
    height: 30px;
    padding: 5px 2px;
}
.rnctab li {
    background: #ededed none repeat scroll 0 0;
    color: #565656;
    cursor: pointer;
    float: left;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    margin-right: 1px;
    position: relative;
    text-align: center;
    width: 116px;
}
.rnctab li span {
    background: #ff0000 none repeat scroll 0 0;
    border-radius: 3px;
    display: block;
    height: 6px;
    left: 18px;
    position: absolute;
    top: 12px;
    width: 6px;
}
.rnctab li.active {
    background: #fff none repeat scroll 0 0;
}
#rnmessage .rnctab li.active {
    background: #f4f4f4 none repeat scroll 0 0;
}
.rncim ul.rnctab {
    height: 40px;
    padding: 0;
}
.rncim .rnctab li {
    height: 40px;
    line-height: 40px;
    width: 100%;
}
.rncim .rnctab li span {
    left: 135px;
    top: 18px;
}
.rncscroll {
    height: 480px;
    overflow-y: auto;
}
.rnbmore {
    background: #f0f0f0 none repeat scroll 0 0;
    color: #5b5a5a;
    display: block;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 355px;
}
.umitem div a.rncimore {
    font-size: 12px;
    margin: 0;
}
#mulogin {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}
#mulogin a {
    background: #505050 none repeat scroll 0 0;
    color: #acacac;
    display: block;
    float: left;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    transition: color 0.3s ease-out 0s;
    width: 70px;
}
#mulogin a:hover {
    color: #fff;
}
#mulogin a#muregbtn {
    background: #6bc30d none repeat scroll 0 0;
    color: #fff;
}
#somoreitem {
    background-color: #e3e4e4;
    display: none;
    height: 20px;
    padding: 10px 0;
    position: fixed;
    top: 110px;
    width: 100%;
    z-index: 1;
}
.smiitem {
    float: left;
    margin-right: 10px;
}
.smiitxt {
    background: #555759 none repeat scroll 0 0;
    color: #fff;
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
}
.smiic {
    background: #555759 none repeat scroll 0 0;
    border-left: 1px solid #e3e4e4;
    cursor: pointer;
    float: left;
    height: 20px;
    width: 20px;
}
#smiitemclose {
    border-left: 1px solid #afb0b0;
    padding-left: 10px;
}
#smiitemclose .smiitxt, #smiitemclose .smiic {
    background: #afb0b0 none repeat scroll 0 0;
}
#smiitemclose .smiic {
    border: medium none;
}
#sooptions {
    background-color: #f7f8f8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    height: 40px;
    padding: 10px 0;
    position: fixed;
    top: 80px;
    width: 100%;
    z-index: 3;
}
#socontent {
    height: 40px;
}
.soitem {
    cursor: pointer;
    float: left;
    margin-right: 1px;
    width: 100px;
}
.soitemlabel {
    color: #535353;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100px;
}
.soitemlabeltxt {
    margin: 0 10px;
}
.yy-soi1 {
    position: relative;
    top: 2px;
}
.yy-soi {
    transition: transform 0.3s ease 0s;
}
.soitemcontent {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    display: none;
}
#soowner .yy-yc {
    position: relative;
    top: 4px;
}
#sofid .soitemlabel {
    background: #edeeee none repeat scroll 0 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11) inset;
}
#sofid .soitemcontent {
    position: relative;
}
#sofid .soitemcontent ul > li > div {
    background: #fff none repeat scroll 0 0;
    display: none;
    left: 126px;
    min-height: 175px;
    position: absolute;
    top: 0;
}
#sofid .soitemcontent ul > li > div ul {
}
#sofid .soitemcontent ul > li:hover div {
    display: block;
}
.soht .soitemcontent {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    height: auto;
    padding: 20px;
    width: 450px;
}
.soht .soitemcontent li {
    display: block;
    float: left;
    height: 28px;
    line-height: 28px;
    width: 90px;
}
.soht .soitemcontent li a {
    display: block;
    float: left;
    height: 28px;
    text-align: center;
    width: 89px;
}
.soht .soitemcontent li span {
    background: #d9d9d9 none repeat scroll 0 0;
    display: inline-block;
    float: left;
    height: 10px;
    margin-top: 6px;
    width: 1px;
}
.soht .soitemcontent li:nth-child(5n) span {
    display: none;
}
.soht .soitemcontent a:hover {
    background: #686868 none repeat scroll 0 0;
    color: #fff;
}
.soht .soitemcontent a.active {
    background: #6bc30d none repeat scroll 0 0;
    color: #fff;
}
.soht .soitemcontent li a {
    color: #747474;
}
.yy-soi2, .yy-soi3 {
    position: relative;
    top: 3px;
}
#socolors .soitemcontent {
    width: 300px;
}
#socolors li {
    height: 24px;
    position: relative;
    width: 30px;
}
#socolors li a {
    height: 24px;
    position: absolute;
    transition: all 0.2s ease 0s;
    width: 30px;
}
#socolors li a:hover {
    transform: scale(1.4);
    z-index: 3;
}
#socolors li a.active {
    border: 2px solid #fff;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.24), 2px 3px rgba(0, 0, 0, 0.16) inset;
    height: 20px;
    width: 26px;
    z-index: 2;
}
#socolors li a.active:hover {
    transform: scale(1);
}
.sotj, .sotj .soitemlabel {
    width: 126px;
}
.sotj .yy-soicon {
    position: relative;
    top: 6px;
}
.sotj .soitemcontent {
    height: 300px;
    padding: 10px 0;
    width: 126px;overflow: auto;
}
.sotj .soitemcontent li {
    border-bottom: 1px solid #e5e5e5;
    display: block;
    float: left;
    height: 34px;
    width: 105px;
}
.sotj .soitemcontent li:last-child {
    border: medium none;
}
.sotj .soitemcontent li span {
    position: relative;
    right: 10px;
    top: 7px;
    width: 18px;
}
.sotj .soitemcontent li span.yy-view {
    right: 11px;
}
.sotj .soitemcontent li a {
    color: #747474;
    display: block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    width: 105px;
}
.sotj .soitemcontent li a:hover {
    background: #00923f none repeat scroll 0 0;
    color: #fff;
}
.sotj .soitemcontent li a:hover span.yy-all {
    background-position: -274px -322px;
}
.sotj .soitemcontent li a:hover span.yy-yc {
    background-position: -472px -410px;
}
.sotj .soitemcontent li a:hover span.yy-app {
    background-position: -400px -700px;
}
.sotj .soitemcontent li a:hover span.yy-kz {
    background-position: -66px -458px;
}
.sotj .soitemcontent li a:hover span.yy-lg {
    background-position: 0 -393px;
}
.sotj .soitemcontent li a:hover span.yy-wz {
    background-position: -60px -720px;
}
.sotj .soitemcontent li a:hover span.yy-tj {
    background-position: 0 -525px;
}
.sotj .soitemcontent li a:hover span.yy-timeb {
    background-position: -250px -700px;
}
.sotj .soitemcontent li a:hover span.yy-like {
    background-position: -198px -520px;
}
.sotj .soitemcontent li a:hover span.yy-view {
    background-position: 0 -257px;
}
.sotj .soitemcontent li a:hover span.yy-comment {
    background-position: -416px -308px;
}
.sotj span.yy-tj, .sotj .soitemcontent li span.yy-tj, .sotj span.yy-tjh, .sotj .soitemcontent li span.yy-tjh, .sotj .soitemcontent li span.yy-timeb {
    top: 4px;
}
.sotj .soitemcontent li a.active {
    color: #00923f;
}
.search_input{ height: 38px; line-height: 38px; float: left;}
.search{float: left; width:250px; margin-left: 10px; float: left; height: 38px; border:1px solid #e6e7e7; background: url(../images/search_icon.png) no-repeat 10px center; padding-left: 40px;}
.btn{ width:60px; height: 40px; text-align: center; background: #00923f;text-align: center; color: #fff; display:block; font-size: 14px; line-height: 40px;}
.button{width: 60px;height: 40px;background: #00923f; float: left; margin-left: 10px;}
.sotj .soitemcontent li a.active:hover {
    color: #fff;
}
.soitem:hover .yy-soi {
    transform: rotate(180deg);
}
.soitem:hover .soitemcontent {
    display: block;
}
#sonews {
    float: left;
    height: 40px;
    line-height: 40px;
    margin-left: 30px;
}
#sonews .yy-laba {
    float: left;
    margin-right: 18px;
    margin-top: 12px;
}
#sonewsbody {
    float: left;
    font-size: 13px;
    height: 40px;
    overflow: hidden;
    width: 535px;
}
#sonewsbody li {
    height: 20px;
    line-height: 20px;
    padding: 10px 0;
    width: 535px;
}
#sonewsbody a {
    color: #1f8902;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0 5px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
}
#sonewsc {
    float: left;
    margin-left: 20px;
    margin-top: 12px;
    width: 7px;
}
#sonewsc .yy-rotate {
    margin-top: 10px;
}
.apptags a {
    display: block;
    float: left;
    font-size: 14px;
    padding: 0 20px;
    width: auto;
}
.apptags a:hover {
    background: #e8e9e9 none repeat scroll 0 0;
}
.apptags a.active {
    background: #686868 none repeat scroll 0 0;
    color: #fff;
}
#container {
    padding-top: 50px;
}
#main {
    padding-top: 110px;
}
#main.nosoo {
    padding-top: 40px;
}
.citem {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    float: left;
    height:125px;
    margin-bottom: 46px;
    margin-right: 20px;
    width: 278px;border:1px solid #fff;
}
.citem:hover{border:1px solid #00923f;}
.citem .tx{float: left; width: 85px; height: 85px;  margin-left: 20px; margin-top:20px;}
.citem .tx img{width: 85px; height: 85px; border-radius: 50%;}
.citem .nr{float: left; margin-top:35px; margin-right: 10px; overflow: hidden; margin-left: 10px;}
.citem .nr span{font-size: 16px; color: #2b2b2b;height: 30px; line-height: 30px; overflow: hidden;}
.citem .nr p{height: 20px; line-height: 20px; font-size: 14px; color: #a4a4a4;}
.citem.qz {
    margin-bottom: 20px;
}
#content .citem:nth-child(6n-1) {
    margin-right: 0;
}
.citem.qbm {
}
.citem.qbm .citemtop {
    height: 130px;
}
.citem.app .citemtop {
    height: 497px;
}
.citem.nf {
    height: 225px;
}
.citem.jy {
    height: 450px;
}
.citem.bm {
    height: 500px;
    width: 580px;
}
.citem.nf.app {
    height: 542px;
}
.citem.me.app {
    height: 587px;
}
.citem.me.like {
    height: 262px;
}
.citem.qz {
    height: auto;
}
.citem .citemtop {
    display: block;
    height: 180px;
    overflow: hidden;
    position: relative;
    width: 280px;
}
.citem .citemtop img, .citem .citemimg {
    background: #bfc1c2 none repeat scroll 0 0;
    height: 100%;
    width: 100%;
}
.citem.qz.likec {
    height: 300px;
    width: 580px;
}
.citem .citemtxt {
    background: #fff none repeat scroll 0 0;
    bottom: -60px;
    height: 20px;
    padding: 10px 20px;
    position: absolute;
    transition: bottom 0.3s ease 0s;
    width: 240px;
}
.citem:hover .citemtxt {
    bottom: 0;
}
.citem .citemtitle {
    color: #3a3a3a;
    display: block;
    font-size: 16px;
    font-weight: 500;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 240px;
}
.citem .citemtc {
    height: 20px;
    line-height: 20px;
    margin-top: 8px;
}
.citem .citemtc .yy-time {
    color: #a0a0a0;
    margin-left: -4px;
    text-indent: 20px;
    width: auto;
}
.citem .citemtc .ccolor {
    float: right;
    margin-top: 8px;
}
.citemtc .ccolor a {
    border-style: solid;
    border-width: 1px;
    display: block;
    float: left;
    height: 4px;
    margin-left: 1px;
    transition: all 0.2s ease 0s;
    width: 23px;
}
.citemtc .ccolor a:hover {
    transform: scale(1.4);
}
.citem.qz.likec .likecases {
    margin: 20px;
}
.citem.qz.likec .likecases li > a {
    display: block;
    float: left;
    height: 180px;
    position: relative;
    width: 280px;
}
.citem.qz.likec .likecases li > a img.on {
    position: absolute;
    right: 0;
}
.citem.qz.likec .likecases li > div {
    float: left;
    margin-left: 20px;
    width: 240px;
}
.citem.qz.likec .likecases li h3 {
    color: #4d4d4d;
    font-size: 14px;
    font-weight: 100;
}
.citem.qz.likec .likecases li h3 span {
    float: right;
    position: relative;
    top: 4px;
}
.citem.qz.likec .likecases li h3 span.yy-itj {
    background-image: url("../images/wuse.png");
    height: 16px;
    width: 16px;
}
.citem.qz.likec .likecases li .citemqt {
    padding-left: 0;
}
.citem.qz.likec .likecases li .citemfoot {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 18px;
    padding-top: 18px;
}
#listcontent{overflow: hidden;}
.ccgray {
    background: #d3d5d4 none repeat scroll 0 0;
    border-color: #d3d5d4;
}
.ccblack {
    background: #000 none repeat scroll 0 0;
    border-color: #000;
}
.ccwhite {
    background: #fff none repeat scroll 0 0;
    border-color: #d3d5d4;
}
.ccorange {
    background: #ff7f03 none repeat scroll 0 0;
    border-color: #ff7f03;
}
.ccblue {
    background: #2779a7 none repeat scroll 0 0;
    border-color: #2779a7;
}
.ccgreen {
    background: #4cbf0e none repeat scroll 0 0;
    border-color: #4cbf0e;
}
.ccyellow {
    background: #ffde00 none repeat scroll 0 0;
    border-color: #ffde00;
}
.ccred {
    background: #f01e1e none repeat scroll 0 0;
    border-color: #f01e1e;
}
.ccpurple {
    background: #c818fb none repeat scroll 0 0;
    border-color: #c818fb;
}
.ccpink {
    background: #e9016e none repeat scroll 0 0;
    border-color: #e9016e;
}
.citemtc .ccolor a.ccfull {
    background: rgba(0, 0, 0, 0) url("../images/colorful.png") repeat scroll 0 0;
    border: medium none;
    height: 6px;
    width: 25px;
}
.citemqt {
    height: 22px;
    padding: 12px 20px 8px;
    width: auto;
}
.citemqt .yy-icon {
    color: #bfbfbf;
    font-family: Arial;
    height: 20px;
    line-height: 20px;
    margin-right: 15px;
    text-indent: 25px;
    width: auto;
}
.citemqt .yy-tj {
    float: right;
    height: 15px;
    margin-right: 0;
    margin-top: 3px;
    width: 16px;
}
.citemqt .yy-itj {
    background-image: url("../images/wuse.png");
    float: right;
    height: 16px;
    margin-right: 0;
    margin-top: 2px;
    width: 16px;
}
.citemfoot {
    border-top: 1px solid #f2f2f2;
    margin-top: 3px;
    padding-bottom: 11px;
}
.citemfoot a.citemfimg {
    color: #828282;
    line-height: 24px;
}
.citemfoot a.citemfimg img {
    margin-right: 8px;
    position: relative;
    top: -1px;
}
.citem.qz .citemfoot a.citemfimg img {
    border-radius: 12px;
}
.citemfoot span {
    color: #c0c0c0;
    margin-left: 10px;
}
.citemfoot a.citemfimg span {
    display: inline-block;
    height: 24px;
    max-width: 50px;
}
.citemfoot span.fcfield {
    height: 24px;
    line-height: 24px;
    vertical-align: top;
}
.citemfoot span.fcfield a {
    vertical-align: top;
}
.citemfoot span.fcfield a:hover {
    color: #6bc30d;
}
.citemfoot span a {
    color: #c0c0c0;
}
.citemfoot .yy-icon {
    margin: 0;
    text-indent: 0;
}
.citemfoot .yy-like {
    margin-right: 2px;
    width: 14px;
}
.citemfoot .yy-comment {
    width: 16px;
}
#citemslide, #citemss li {
    height: 270px;
    overflow: hidden;
    position: relative;
    width: 580px;
}
#citemss li .cisb {
    background: #fff none repeat scroll 0 0;
    bottom: -70px;
    height: 50px;
    padding: 10px;
    position: absolute;
    transition: bottom 0.3s ease 0s;
    width: 560px;
}
.citemzl {
    display: inline;
    position: relative;
}
.miniprofile {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    display: none;
    height: 128px;
    left: -32px;
    opacity: 0;
    padding: 10px;
    position: absolute;
    top: 20px;
    transition: opacity 0.3s ease 0.1s;
    width: 326px;
    z-index: 5;
}
.miniprofile::before {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: -2px -2px 4px -2px rgba(0, 0, 0, 0.2);
    content: "";
    height: 20px;
    left: 45px;
    position: absolute;
    top: -8px;
    transform: rotate(45deg);
    width: 20px;
    z-index: -1;
}
.miniprofile.right {
    left: -120px;
}
.miniprofile.right::before {
    left: 135px;
}
.miniprofile.bottom {
    top: -160px;
}
.miniprofile.bottom::before {
    bottom: -8px;
    top: auto;
    transform: rotate(-134deg);
}
.citemfoot:hover .miniprofile {
    display: block;
    opacity: 1;
}
.citem_qz_user .miniprofile {
    left: 0;
}
.citem_qz_user .citemfrt {
    background: #fff none repeat scroll 0 0;
}
.citemfoot div.hbzl-s3 {
    float: right;
    margin: 0;
}
.citemfoot div.hbzl-s3 a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f2f2f2;
    box-sizing: border-box;
    margin-right: 0;
    margin-top: -2px;
    width: 64px;
}
.citemfoot div.hbzl-s3 a span {
    color: #adadad;
}
.citemfoot div.hbzl-s3 a:hover {
    background: #6bc30d none repeat scroll 0 0;
    border-color: #6bc30d;
    color: #fff;
}
.citemfoot div.hbzl-s3 a:hover .yy-icon {
    background-position: -389px -643px;
}
.citemfoot div.hbzl-s3 a:hover span {
    color: #fff;
}
.citemfrt.citemqth {
    background: #6bc30d none repeat scroll 0 0;
    border-top: medium none;
    color: #fff;
    font-size: 14px;
}
.mnphead div {
    float: left;
    margin-left: 10px;
    width: 266px;
}
.mnphead div span {
    height: 24px;
    line-height: 24px;
}
.mnps-1, .mnps-2, .mnps-3 {
    display: inline-block;
    float: left;
}
.citemfoot span.mnps-1 {
    color: #000;
    font-size: 14px;
    margin-left: 0;
}
.citemfoot span.mnps-2 {
    color: #a8a8a8;
    font-size: 12px;
}
.mnps-1, .mnps-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80px;
}
.citemfoot span.mnps-3 {
    color: #a8a8a8;
    float: right;
    font-size: 12px;
    margin-left: 0;
}
.citemfoot span.mnps-3 span {
    color: #1f8902;
    margin-left: 0;
}
.mnpbody {
    margin-top: 10px;
}
.citemfoot .hbzl-s3 {
    margin-top: 26px;
}
.citemfoot .hbzl-s3 span {
    color: #fff;
    margin-left: 0;
    text-indent: 0;
}
.citemfoot .hbzl-s3 span.yy-icon {
    float: none;
    height: 13px;
    margin: 0 5px 0 0;
    width: 13px;
}
.mnpbody a {
    background: #f0f0f0 none repeat scroll 0 0;
    display: block;
    float: left;
    height: 68px;
    margin-right: 5px;
    position: relative;
    width: 105px;
}
.mnpbody a div {
    background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
    height: 68px;
    left: 0;
    position: absolute;
    top: 0;
    width: 105px;
}
.mnpbody a:hover div {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    transition: background 0.3s ease 0s;
}
.mnpbody a:last-child {
    margin: 0;
}
.cisu {
    margin: 0 10px;
    width: 80px;
}
.cisu a {
    color: #535353;
    display: block;
    font-size: 12px;
    height: 22px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80px;
}
.cisu a.cisuc {
    color: #6bc30d;
    font-size: 12px;
}
.cisc a {
    color: #535353;
    font-size: 14px;
    font-weight: 700;
    height: 29px;
    line-height: 28px;
}
.cisc p {
    height: 21px;
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 410px;
}
#citemss li:hover .cisb {
    bottom: 0;
}
#citemslide .slidecon {
    background-color: rgba(0, 0, 0, 0.5);
    height: 45px;
    position: absolute;
    text-align: center;
    top: 110px;
    transition: left 0.3s ease-out 0s, right 0.3s ease-out 0s, background-color 0.3s ease-out 0s;
    width: 25px;
}
#citemslide .slidecon span {
    margin-top: 12px;
}
#citemslide .slidecon:hover {
    background-color: #6bc30d;
}
#citemslide .slideprev {
    left: -25px;
}
#citemslide .slidenext {
    right: -25px;
}
#citemslide:hover .slideprev {
    left: 0;
}
#citemslide:hover .slidenext {
    right: 0;
}
#listcontent .citem:nth-child(6n) {
    margin-right: 0;
}
.citemtxt_jy {
    padding: 24px 20px 10px;
}
.citemsummary {
    color: #999999;
    font-size: 13px;
    height: 120px;
    line-height: 24px;
    margin-top: 10px;
    overflow: hidden;
}
.citem.qz .citemtxt_jy {
    padding-top: 0;
}
.citem.qz .citemsummary {
    margin: 0;
}
#listcontent .citem.bm:nth-child(3n) {
    margin-right: 0;
}
.citem.bm .citemtop {
    height: 270px;
    width: 580px;
}
.citem.bm .citemtitle {
    width: 540px;
}
.citem.bm .citemsummary {
    height: 90px;
}
.citem.qz.masonry-brick {
    margin-right: 0;
}
.citemfrt {
    background: #f8f8f8 none repeat scroll 0 0;
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
}
.citem_qz_user .citemfrt {
    padding: 12px 20px 8px;
}
.citemfrt span.cfrtn {
    color: #828282;
    line-height: 24px;
    margin-left: 0;
}
.citemfrt a.cfrtlc {
    color: #1f8902;
    display: none;
    line-height: 24px;
}
.citemfrt:hover span.cfrtln {
    display: none;
}
.citemfrt:hover a.cfrtlc {
    display: inline-block;
}
.citemfrt .cfrtcc {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 1px;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
    display: none;
    height: auto;
    left: -10px;
    line-height: 20px;
    min-width: 260px;
    padding: 10px 20px;
    position: absolute;
    top: 40px;
    width: auto;
    z-index: 5;
}
.citemfrt .cfrtcc::before {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: -2px -2px 4px -2px rgba(0, 0, 0, 0.2);
    content: "";
    height: 10px;
    position: absolute;
    right: 34px;
    top: -5px;
    transform: rotate(45deg);
    width: 10px;
    z-index: -1;
}
.citemfrt:hover .cfrtcc {
    display: block;
}
#listloading {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    height: 40px;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}
#listloading img {
    float: none;
    height: 16px;
    margin-right: 20px;
    width: 16px;
}
#listloading span {
    font-size: 14px;
    position: relative;
    top: -3px;
}
#pages,.zscpage {
    height: 36px;
    margin-bottom: 40px;
}
#pages span {
    float: left;
    line-height: 28px;
    margin: 0 18px 0 13px;
}
#pages a ,.zscpage a,.zscpage span{
    background: #fff none repeat scroll 0 0;
    color: #a9a9a9;
    display: block;
    float: left;
    font-family: Arial;
    height: 36px;
    line-height: 36px;
    margin-right: 5px;
    text-align: center;
    transition: background-color 0.2s ease-out 0s;
    width: 36px;
}
#pages a#pageactive ,.zscpage .current{
    background: #00923f none repeat scroll 0 0;
    color: #fff;
}
#pages a:hover ,.zscpage a:hover{
    background: #969696 none repeat scroll 0 0;
    color: #fff;
}
#pageprev span {
    position: relative;
    top: 8px;
}
#pagenext span {
    position: relative;
    top: 8px;
}
.imitem {
    background: #fff none repeat scroll 0 0;
    float: left;
    height: 300px;
    margin-bottom: 40px;
    margin-right: 20px;
    width: 580px;
}
.imitem:nth-child(3n) {
    margin-right: 0;
}
.imhead {
    border-bottom: 1px solid #f0f1f1;
    color: #6b6b6b;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    text-indent: 18px;
}
.immore {
    border-left: 1px solid #f0f1f1;
    color: #7e7e7e;
    display: block;
    float: right;
    font-size: 14px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    text-indent: 0;
    width: 99px;
}
.ituihuo {
    padding: 20px;
}
.ituihuo li {
    float: left;
    height: 50px;
    margin-bottom: 20px;
    width: 270px;
}
.ituihuo li .ithimg {
    float: left;
    height: 50px;
    width: 50px;
}
.ituihuo li div {
    float: left;
    margin-left: 15px;
    margin-top: 3px;
}
.ituihuo li div a {
    color: #696969;
    font-size: 14px;
}
.ituihuo li div p {
    color: #aaaaaa;
    font-size: 12px;
    margin-top: 3px;
}
.imacc {
    float: right;
    text-indent: 0;
}
.imacc a {
    border-left: 1px solid #f0f1f1;
    display: block;
    float: left;
    height: 60px;
    text-align: center;
    width: 70px;
}
.imacc a span {
    position: relative;
    top: 18px;
}
.imacc a:hover {
    background: #969696 none repeat scroll 0 0;
}
.imacc a:hover .yy-ap {
    background-position: -452px -670px;
    height: 23px;
    width: 12px;
}
.iwz {
    margin: 20px;
}
.iwz li {
    height: 180px;
    width: 540px;
}
.iwz li div {
    color: #b3b3b3;
    float: left;
    margin-left: 20px;
    margin-top: 10px;
    width: 230px;
}
.iwz li div a {
    color: #515050;
    display: block;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 220px;
}
.iwz li div span {
    display: block;
    font-family: Arial;
    font-size: 12px;
}
.iwz li div p {
    color: #7d7d7d;
    font-size: 12px;
    height: 100px;
    line-height: 24px;
    margin-top: 15px;
    overflow: hidden;
    width: 230px;
}
#inewsh {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #f0f1f1;
    height: 45px;
    padding: 25px;
    width: 530px;
}
#inewsdate span {
    background: rgba(0, 0, 0, 0) url("../images/date.png") no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 50px;
    margin-left: 2px;
    transition: background-position 0.5s ease-out 0s;
    width: 40px;
}
#inewsdate span#igdline {
    background-position: 0 -500px;
}
#inewstitle {
    float: left;
    margin-left: 25px;
}
#inewstitle p {
    color: #757575;
    font-size: 16px;
}
#inewstitle p#inewtd {
    font-size: 22px;
}
#inewstitle p#inewtd span {
    font-family: Arial;
}
#inewsc {
    margin-top: 5px;
}
#inewsc a {
    background: #e8e8e8 none repeat scroll 0 0;
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    margin-left: 1px;
    text-align: center;
    width: 40px;
}
#inewsc a:hover {
    background: #969696 none repeat scroll 0 0;
}
#inewsc a span {
    margin-top: 10px;
}
#inewsb, #inewsb ul, #inewsb li {
    height: 150px;
    overflow: hidden;
    width: 530px;
}
#inewsb {
    margin: 25px;
}
.inewstitle {
    color: #535353;
    font-size: 16px;
}
.inewsbody {
    color: #939292;
    font-size: 12px;
    height: 75px;
    line-height: 24px;
    margin-top: 30px;
    overflow: hidden;
}
#ijob {
    margin-top: 15px;
}
#ijob li {
    height: 70px;
    width: 100%;
}
.iji1 {
    display: block;
    float: left;
    height: 70px;
    width: 10px;
}
.iji2 {
    float: left;
    height: 42px;
    margin-left: 30px;
    padding-top: 3px;
    width: 54px;
}
.iji3 {
    color: #9d9d9d;
    font-family: Arial;
    font-size: 36px;
}
.iji4 {
    color: #515050;
    font-family: Arial;
    font-size: 12px;
}
.iji5 {
    float: left;
    margin-left: 18px;
    padding-top: 10px;
}
.iji5 a {
    color: #515050;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}
#ijob li:hover {
    background: #f6f7f7 none repeat scroll 0 0;
}
#ijob li:hover .iji1 {
    background: #515050 none repeat scroll 0 0;
}
.imitemtwo {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.imiwiki {
    background: #fff none repeat scroll 0 0;
    float: left;
    height: 100%;
    margin-right: 20px;
    width: 280px;
}
.imiwiki + .imiwiki {
    margin-right: 0;
}
.imiwiki img {
    float: none;
}
.imiwiki div {
    padding: 25px;
}
.imiwiki div a {
    color: #535353;
    font-size: 16px;
}
.imiwiki div p {
    color: #939292;
    font-size: 12px;
    height: 60px;
    line-height: 20px;
    margin-top: 30px;
    overflow: hidden;
}
.imitemad {
    height: 130px;
}
#links {
    background: #fff none repeat scroll 0 0;
    line-height: 24px;
    margin: 10px 0 50px;
    padding: 20px 30px;
}
#links span {
    color: #3e3e3e;
    margin-right: 10px;
}
#links a {
    color: #949494;
    margin-right: 20px;
}
#footer {
    background: #222324 none repeat scroll 0 0;
    color: #8e8e8e;
    height: 60px;
    padding: 20px 0;
    width: 100%;
}
#flinks a {
    color: #cecece;
    font-size: 14px;
    height: 20px;
    margin-right: 40px;
}
#flinks a.yy-weibo {
    height: 20px;
    vertical-align: middle;
}
#banquan {
    color: #8e8e8e;
    font-family: Arial;
    margin-top: 22px;
}
#banquan a {
    color: #00923f;
}
.projectblock {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 20px;
    padding: 20px; margin-top: 160px; overflow: hidden;
}
.pro_top{}
.pro_top .xxtx{width:85px;}
#czslide {
    position: relative;
}
#czslide, #czslide ul, #czslide li {
    height: 560px;
    overflow: hidden;
    width: 1140px;
}
#czslide .slidecon {
    background-color: rgba(0, 0, 0, 0.5);
    height: 80px;
    position: absolute;
    text-align: center;
    top: 240px;
    transition: left 0.3s ease-out 0s, right 0.3s ease-out 0s, background-color 0.3s ease-out 0s;
    width: 70px;
}
#czslide .slidecon span {
    margin-top: 28px;
}
#czslide .slidecon:hover {
    background-color: #6bc30d;
}
#czslide .slideprev {
    left: -75px;
}
#czslide .slidenext {
    right: -75px;
}
#czslide:hover .slideprev {
    left: 0;
}
#czslide:hover .slidenext {
    right: 0;
}
.projectbi {
    margin-top: 30px;
}
#projectba {
    margin-top: 20px;
}
#projectba a {
    display: block;
    float: left;
    height: 50px;
    margin-right: 10px;
    transition: background-color 0.3s ease 0s;
    width: 60px;
}
#projectba a.pvlbtn {
    color: #fff;
    font-size: 14px;
    line-height: 50px;
    margin-right: 10px;
    text-align: center;
    width: 280px;
}
.pvlbtn .yy-icon {
    position: relative;
    right: 10px;
    top: 4px;
}
#plike .yy-icon, .qzplike .yy-icon {
    top: 6px;
}
#pview {
    background-color: #6bc30d;
}
#plike, .qzplike {
    background-color: #ff8a00;
}
#plike.active, .qzplike.active {
    background-color: #dddddd;
}
.qzplike.active {
    height: 40px;
    width: 100%;
}
.pvshare {
    background-color: #dddddd;
}
.pvshare.yy-ssina:hover {
    background-color: #d63b22;
}
.pvshare.yy-sqq:hover {
    background-color: #3eb0d8;
}
.pvshare.yy-stt:hover {
    background-color: #31c1eb;
}
.pvshare.yy-sfb:hover {
    background-color: #39599f;
}
#prenqi {
    color: #535353;
    font-size: 48px;
}
#prenqi span {
    font-size: 14px;
    margin-right: 10px;
}
.pcbitem {
    margin-right: 15px;
}
#pcbtitle {
    color: #7e7e7e;
    font-size: 28px;
}
#pcbau a {
    color: #1f8902;
}
#projectbb .yy-time {
    height: 22px;
    line-height: 22px;
    position: relative;
    text-indent: 20px;
    top: 1px;
    width: auto;
}
#pcbbc {
    color: #848484;
    font-size: 13px;
    line-height: 24px;
    margin-top: 5px;
}
#pcbbc span {
    color: #373737;
}
.pctiem {
    margin-bottom: 12px;
}
.pctiem span {
    margin-right: 10px;
}
.pctiem a:first-of-type {
    margin-left: 10px;
}
.pctiem a {
    display: inline-block;
    height: 10px;
    width: 40px;
}
#pcolor a {
    border-style: solid;
    border-width: 1px;
    height: 8px;
}
#ptags span {
    margin-right: 8px;
}
#ptags a {
    background: #ededed none repeat scroll 0 0;
    color: #838383;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    transition: background-color 0.3s ease-out 0s;
    width: auto;
}
#ptags a:hover {
    background: #65686a none repeat scroll 0 0;
    color: #ffffff;
}
#puinfo {
    width: auto; border-bottom: 1px solid #e3e3e3; overflow: hidden; padding-bottom: 30px; padding-top: 20px; padding-left: 20px;
}
#puinfo #puinfobody {
    float: left;margin-left: 15px; margin-top: 15px;
}
.csxx{ line-height: 40px; font-size: 16px; color:#2b2b2b;}
.csxx_xx{ font-size: 14px;}
.about{float:left;width: 850px; margin-left:40px;}
.about p{display: block; font-size: 14px;height: 30px; overflow: hidden;}
.about span{ float: left;}
.map{width: 300px;}
.about em{color: #2b2b2b;font-style: normal;}
.about_xx{ width: 840px; font-size: 14px;}
.about_xx em{color: #2b2b2b;font-style: normal;}
#puinfobody h3 {
    color: #333;
    font-size: 20px;
    font-weight: 500;
}
.product{ margin-top:10px;}
.product ul li{ width: 195px; height: 195px; margin-right: 20px; float: left;}
.product ul li img{width: 195px; height: 195px;}
#puinfobody h3 span {
    margin-left: 10px;
    position: relative;
    top: 2px;
}
#puinfobody h3 span.yy-itjhs {
    background-image: url("../images/youse.png");
    height: 16px;
    width: 16px;
}
#puinfobody p {
    color: #989898;
    line-height: 20px;
}
#puinfobody p a {
    color: #1f8902;
    margin-left: 5px;
}
#puinfobody p span {
    line-height: 20px;
    text-indent: 20px;
    vertical-align: top;
    width: auto;
}
#plicense {
    color: #d86b01;
    height: 60px;
    line-height: 60px;
}
#usertx {
    float: left;
    position: relative;
    width:85px;
}
#usertx img{ width: 85px; height: 85px;border-radius: 50%;}
.usermetas {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    height: 74px;
    left: 65px;
    opacity: 0;
    padding: 15px;
    position: absolute;
    top: -35px;
    transform: scale(0);
    transform-origin: 0 50% 0;
    transition: all 0.3s ease 0s;
    width: 290px;
    z-index: 1;
}
#usertx:hover .usermetas, .usermetas.active {
    opacity: 1;
    transform: scale(1);
}
.usermetas p {
    color: #a8a8a8;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.usermetas div {
    margin-top: 10px;
}
.umname {
    color: #000;
    font-size: 14px;
    margin-right: 10px;
}
.ufwsms {
    background: #505152 none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: left;
    height: 24px;
    line-height: 24px;
    margin-right: 10px;
    text-align: center;
    width: 80px;
}
.ufwsms .yy-icon {
    margin-right: 5px;
    position: relative;
    top: 2px;
}
.ufwsms .yy-ceditw {
    top: 4px;
}
.ufollowa {
    background: #6bc30d none repeat scroll 0 0;
}
.ufollowb {
    background: #ff8400 none repeat scroll 0 0;
}
.ufollowc {
    background: #cccccc none repeat scroll 0 0;
}
.usermetas .yy-umjt {
    left: -14px;
    position: absolute;
    top: 40px;
}
#projectpost {
    margin-top: 10px;
}
#projectpost img {
    float: none;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}
#projectpost li {
    margin-bottom: 14px;
    width: 100%;
}
#projectpost li:nth-of-type(2n) {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 24px;
    padding: 0 20px;
    text-align: center;
    width: auto;
}
#projectpost li a {
    display: block;
}
#projectpost li img {
    display: block;
    height: auto;
}
#projectpostbody {
    color: #595959;
    font-size: 14px;
    line-height: 24px;
}
#projectpostbody a {
    color: #6bc30d;
}
#videoPlayer {
    height: 434px;
    margin: 0 auto 30px;
    width: 720px;
}
#projectfoot {
    margin-top: 30px;
}
#projectfoot #plike, .qzplike {
    color: #ffffff;
    display: block;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}
.qzplike {
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
}
#projectfoot #plike .yy-likew, .qzplike .yy-likew {
    position: relative;
    right: 5px;
    top: 6px;
}
#wholike {
    background: rgba(0, 0, 0, 0) url("../images/like.gif") repeat scroll 0 0;
    display: block;
    float: left;
    height: 50px;
    width: 77px;
}
#likeuser {
    height: auto;
    margin-left: 80px;
}
#likeuser a {
    float: left;
    height: 30px;
    margin-bottom: 5px;
    margin-right: 5px;
    width: 30px;
}
#likeuser a img {
    height: 30px;
    width: 30px;
}
#projecttcs {
    margin-top: 40px;
}
#pxgheader {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
}
#pxgheader a {
    background: #e8e8e8 none repeat scroll 0 0;
    float: left;
    height: 30px;
    margin-left: 1px;
    text-align: center;
    transition: background-color 0.3s ease 0s;
    width: 30px;
}
#pxgheader a:hover {
    background-color: #969696;
}
#pxgheader a span {
    margin-top: 6px;
}
#pxgslide {
    height: 180px;
    max-width: 100%;
    overflow: hidden;
    width: 1138px;
}
#pxgslide ul {
    min-width: 1144px;
}
#pxgslide li {
    float: left;
    height: 180px;
    margin-right: 6px;
    width: 280px;
}
#comment {
    height: auto;
    width: 100%;
}
.cpraise {
    color: #1f8902;
    cursor: pointer;
    margin-left: 10px;
}
.cpraise.active {
    color: #929292;
    cursor: default;
}
#cmhead p {
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}
#cmhead a {
    color: #1f8902;
}
a#cm-s1 {
    color: #989898;
}
#postcm, .cmitembody {
    height: auto;
    margin-left: 70px;
    width: auto;
}
.textbg {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #dae2e5 -moz-use-text-color #dae2e5 #dae2e5;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    height: 73px;
    margin-right: 119px;
    padding: 5px;
    width: auto;
}
#comment textarea {
    border: medium none;
    color: #818181;
    font-family: 微软雅黑,Arial;
    font-size: 12px;
    height: 100%;
    resize: none;
    width: 100%;
}
#postcm a#postmbtn {
    background: #aeaeae none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: right;
    font-size: 16px;
    height: 85px;
    line-height: 85px;
    text-align: center;
    transition: background-color 0.3s ease 0s;
    width: 124px;
}
#postcm a#postmbtn:hover {
    background: #70ca10 none repeat scroll 0 0;
}
#cm-s2 {
    font-size: 14px;
    height: 55px;
    line-height: 55px;
}
.cm-s3 {
    margin: 0 8px;
}
.cm-s4 a {
    margin-right: 10px;
}
.cmitem {
    border-top: 1px solid #dae2e5;
    height: auto;
    padding: 20px 0;
}
.cmitembody {
    height: auto;
}
.cmitembody p {
    line-height: 24px;
    overflow-wrap: break-word;
    width: 100%;
    word-break: normal;
}
.cmitembody p a {
    color: #1f8902;
}
.cmitembody p.cm-s6 {
    line-height: 26px;
    margin: 10px 0;
}
.cmitembody p.cm-s6 img {
    display: inline-block;
    float: none;
    vertical-align: top;
}
.cmitembody p a.cm-s5 {
    color: #ff7800;
    margin: 0 5px;
    visibility: hidden;
}
.cmitem:hover .cm-s5 {
    visibility: visible;
}
.postquotes {
    background: #f8f8f8 none repeat scroll 0 0;
    color: #989898;
    padding: 10px;
}
.postquotes img {
    float: none;
}
.postreply {
    display: none;
    height: auto;
    margin-top: 10px;
    width: 100%;
}
.postreply .textbg {
    border-right: 1px solid #dae2e5;
    margin-right: 0;
}
.postreply a.submitbtn {
    background: #aeaeae none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: right;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-top: 12px;
    text-align: center;
    transition: background-color 0.3s ease 0s;
    width: 124px;
}
.postreply a.submitbtn:hover {
    background: #70ca10 none repeat scroll 0 0;
}
.postreply .postbq {
    float: left;
}
.postreply .submitwarning {
    float: left;
    margin-top: 10px;
}
a#pagemore, a#pxgmore {
    background: #c8c8c8 none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: left;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin: 20px 0;
    text-align: center;
    transition: background-color 0.3s ease 0s;
    width: 100%;
}
a#pxgmore {
    margin-bottom: 10px;
}
a#pagemore:hover {
    background: #666 none repeat scroll 0 0;
}
#pages a#pagemore {
    margin: 0;
}
#designerscontent {
    margin-bottom: 40px;
    padding-top: 110px;
}
#designerscid {
    border-bottom: 1px solid #dedede;
    height: 50px;
    margin-bottom: 20px;
}
#designerscid li {
    float: left;
    height: 50px;
    line-height: 50px;
    position: relative;
    text-align: center;
    top: -1px;
    width: 150px;
}
#designerscid li.active {
    border-bottom: 3px solid #6bc30d;
}
#designerscid li a {
    color: #5d5d5d;
    display: block;
    font-size: 18px;
}
#dcidmore .yy-icon {
    margin-left: 10px;
    position: relative;
    top: -5px;
}
#dcidmore:hover {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
#dcidmore:hover .yy-icon {
    transform: rotate(180deg);
}
#dcidmore:hover div {
    display: block;
}
#dcidmore div {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    display: none;
}
#dcidmore div ul {
    padding: 10px 0;
}
#dcidmore div ul li {
    height: 28px;
    line-height: 28px;
    width: 150px;
}
#dcidmore div ul li a {
    color: #707173;
    font-size: 12px;
    text-align: left;
    text-indent: 24px;
    transition: background-color 0.3s ease 0s;
}
#dcidmore div ul li a span {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    float: left;
    height: 28px;
    transition: background-color 0.3s ease 0s;
    width: 3px;
}
#dcidmore div ul li a:hover {
    background: #efefef none repeat scroll 0 0;
}
#dcidmore div ul li a:hover span {
    background: #6bc30d none repeat scroll 0 0;
}
.designersitem {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #f0f1f1;
    display: block;
    float: left;
    height: 120px;
    padding: 20px;
    width: 1140px;
}
.sjlinfo {
    margin-left: 20px;
    width: 350px;
}
.sjlinfo p {
    height: 24px;
    line-height: 24px;
}
.sjl-s2 span {
    float: left;
}
.ducitys {
    display: inline-block;
    height: auto;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sjl-s1 {
    color: #737373;
    font-size: 18px;
    margin-top: 5px;
}
.sjl-s1 > span {
    float: left;
}
.sjl-s1 > div {
    display: inline;
    float: left;
    margin-left: 15px;
    margin-top: 5px;
    width: 70px;
}
.sjl-s1 > div > a > img {
    float: none;
}
.sjl-s1 > div > a, .sjl-s1 > div > span {
    float: left;
    margin-right: 10px;
}
.sjl-s2 .yy-icon {
    margin-right: 10px;
    position: relative;
    top: 3px;
}
.sjl-s3 > span:first-of-type {
    color: #1f8902;
}
.yy-renqi, .sjl-s2 .yy-user {
    margin-left: 20px;
}
.sjl-s4 {
    margin-top: 20px;
}
.sjr {
    margin-top: 5px;
}
.sjr a {
    background: #f0f0f0 none repeat scroll 0 0;
    display: block;
    float: right;
    height: 110px;
    margin-right: 10px;
    width: 171px;
}
.sjr a#sjgmore {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #6bc30d;
    float: right;
    margin-right: 0;
    transition: background-color 0.3s ease 0s;
    width: 42px;
}
.sjr a#sjgmore span {
    left: 10px;
    position: relative;
    top: 49px;
}
.sjr a#sjgmore:hover {
    background: #6bc30d none repeat scroll 0 0;
}
.sjr a#sjgmore:hover .yy-jjb {
    background-position: -180px -180px;
    height: 22px;
    width: 22px;
}
#designerscontent #pages {
    margin: 40px 0;
}
#postcontent {
    background: #f7f8f8 none repeat scroll 0 0;
    height: auto;
    max-width: 1000px;
}
#postslider {
    float: right;
    height: 400px;
    width: 260px;
}
#postmain {
    background: #fff none repeat scroll 0 0;
    box-shadow: 2px 0 6px 0 rgba(0, 0, 0, 0.1);
    margin-right: 260px;
    width: auto;
}
#postmain #projectbb {
    padding: 20px;
    width: auto;
}
.postbq {
    height: 16px;
    margin-top: 10px;
    position: relative;
    width: 16px;
}
.postbq:hover .postbqbody {
    display: block;
}
.yy-xl {
    cursor: pointer;
}
.postbqbody {
    display: none;
    height: auto;
    position: absolute;
    width: 210px;
    z-index: 2;
}
.postbqbody ul {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.13);
    height: auto;
    margin-top: 10px;
    padding: 20px;
    width: 210px;
}
.postbqbody li {
    float: left;
    height: 30px;
    position: relative;
    width: 30px;
}
.postbqbody li a {
    border: 1px solid #e1e1e1;
    display: block;
    height: 29px;
    transition: border-color 0.3s ease 0s;
    width: 29px;
}
.postbqbody li a img {
    height: 28px;
    margin: 1px;
    width: 28px;
}
.postbqbody li a:hover {
    border-color: #6bc30d;
    position: absolute;
    z-index: 2;
}
#homeheader {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #dedede;
    height: 161px;
    padding-top: 50px;
}
#hbzlinfo {
    margin-left: 15px;
}
.hbzl-s1 {
    color: #8c8c8c;
    font-size: 24px;
    line-height: 24px;
}
.hbzl-s1 .yy-icon {
    margin: 0 10px;
}
.hbzl-s1 a {
    color: #1f8902;
    font-size: 12px;
}
.hbzl-s11 {
    color: #707173;
    font-size: 12px;
}
.hbzl-s2 {
    color: #939393;
    height: 20px;
    overflow: hidden;
    width: 700px;
}
.hbzl-s2 .yy-icon {
    margin-right: 5px;
    position: relative;
    top: 3px;
}
.hbzl-s3 {
    margin-top: 10px;
}
#hbzl2 {
    float: right;
    width: 230px;
}
.hbzl-s4 {
    color: #707173;
}
.hbzl-s4 .yy-icon {
    margin-right: 10px;
    position: relative;
    top: 4px;
}
.hbzl-s4 .yy-user2 {
    margin-left: 10px;
}
.hbzl-s4 .hbzl-s4t {
    color: #1f8902;
    font-size: 14px;
}
.hbzl-s4 .hbzl-s4tb {
    font-size: 36px;
}
#twomenu {
    margin-top: 16px;
}
#twomenu li {
    float: left;
    height: 64px;
    line-height: 65px;
    text-align: center;
    width: 150px;
}
#twomenu li.active {
    border-bottom: 3px solid #6bc30d;
}
#twomenu li a {
    color: #5d5d5d;
    display: block;
    font-size: 18px;
}
#hbwork {
    float: left;
    width: 900px;
}
#hbwork .citemfoot a {
    color: #1f8902;
    float: right;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    margin-right: 10px;
    text-indent: 25px;
}
#hbwork .citemtop a {
    position: relative;
}
#hbwork .citemtop a div {
    background: #ff0000 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 70px;
    width: 280px;
}
#hblh {
    float: right;
    height: auto;
    width: 230px;
}
.hblhtitle {
    color: #000;
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    width: 100%;
}
.hblhtitle a {
    float: right;
    font-size: 12px;
    margin-right: 20px;
}
.hblhbody {
    border-bottom: 1px solid #dfe5e8;
    border-top: 1px solid #dfe5e8;
    margin: 20px 0;
    padding-top: 15px;
}
.hblhbody li {
    float: left;
    height: 90px;
    margin-bottom: 15px;
    margin-right: 10px;
    overflow: hidden;
    width: 50px;
}
.hblhbody li:nth-child(4n) {
    margin-right: 0;
}
.hblhbody li p {
    color: #c7c7c7;
    float: left;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 50px;
}
.hblhbody li p.hblh-s1 {
    color: #565656;
    margin-top: 5px;
}
#bgmask {
    background: #000 none repeat scroll 0 0;
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 998;
}
#userlogin {
    background: #fff none repeat scroll 0 0;
    height: 490px;
    left: 50%;
    margin-left: -220px;
    overflow: hidden;
    position: fixed;
    top: -550px;
    width: 440px;
    z-index: 999;
}
#ulpanel {
    margin: 60px auto 0;
    width: 340px;
}
#ulpanel p, #ul-s5 {
    float: left;
    width: 100%;
}
#ul-s1 a {
    color: #ff4200;
}
#ul-s2 {
    color: #292929;
    float: left;
    font-size: 30px;
}
#ul-s3 {
    color: #707070;
    float: right;
    font-size: 18px;
    position: relative;
    top: 14px;
}
#ul-s4 {
    color: #292929;
    font-size: 14px;
    height: 20px;
    margin-top: 15px;
}
.inputtxt2 {
    border: 1px solid #dae2e5;
    color: #979696;
    font-family: "微软雅黑",Arial;
    height: 40px;
    line-height: 42px;
    margin-top: 10px;
    text-indent: 10px;
    transition: border-color 0.3s ease 0s;
    width: 340px;
}
.inputtxt2:focus {
    border-color: #ff9600;
}
#loginpw {
    float: left;
    position: relative;
}
#loginpw .pwdtips {
    color: #979696;
    height: 32px;
    left: 10px;
    position: absolute;
    top: 23px;
    width: 340px;
}
#ul-s5 {
    margin-top: 20px;
    position: relative;
}
#sendlogin {
    background: #70ca10 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-family: "微软雅黑",Arial;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 130px;
}
#ul-s5 div {
    float: left;
    margin-left: 30px;
    margin-top: 12px;
}
#ul-s5 div label {
    margin-left: 5px;
}
#ul-s6 {
    color: #353535;
    float: right;
    line-height: 40px;
}
#ulline {
    border-bottom: 1px solid #ecf2f5;
    float: left;
    height: 1px;
    margin-bottom: 8px;
    margin-top: 24px;
    width: 100%;
}
#qtpanel {
    margin: 0 auto;
    width: 340px;
}
#qtpanel p {
    height: 56px;
    line-height: 56px;
}
#qtpanel a {
    color: #fff;
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 160px;
}
#qtpanel a span {
    display: inline-block;
    position: relative;
    right: 12px;
    top: 8px;
}
#qtpanel a#sinal {
    background: #d63b22 none repeat scroll 0 0;
}
#qtpanel a#qql {
    background: #3eb0d8 none repeat scroll 0 0;
    margin-left: 20px;
}
#culp {
    background: #fff none repeat scroll 0 0;
    display: block;
    height: 16px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 16px;
}
#culp a div {
    background: #7c7c7c none repeat scroll 0 0;
}
.submitwarning {
    background: #ff7200 none repeat scroll 0 0;
    color: #ffffff;
    display: none;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-left: 14px;
    padding: 0 4px;
    text-align: center;
}
.submitloading {
    background-color: rgb(255, 255, 255);
    background-position: center center;
    display: none;
    height: 40px;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 130px;
}
.inputmust {
    color: #ff0000;
}
.pnitem {
    border-bottom: 1px solid #ecf2f5;
    color: #757575;
    font-size: 14px;
    min-height: 40px;
    padding: 10px 50px;
}
.pnitem .pnlabel {
    display: inline-block;
    float: left;
    height: 40px;
    line-height: 40px;
    width: 90px;
}
.pnitem .pnlabel span {
    display: inline-block;
    width: 10px;
}
.pnitem input, .pnitem textarea {
    color: #757575;
    font-family: "微软雅黑",Arial;
}
.pnitem input.inputtxt {
    border: 1px solid #dbe2e6;
    height: 20px;
    line-height: 20px;
    padding: 10px 0;
    text-indent: 10px;
    width: 500px;
}
.pnitem textarea {
    border: 1px solid #dbe2e6;
    font-size: 14px;
    height: 200px;
    padding: 5px;
    resize: none;
    width: 750px;
}
#postnew {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 40px;
    padding-bottom: 38px;
}
#pntitle {
    font-size: 30px;
    height: 70px;
    line-height: 70px;
}
#pntitle span {
    font-size: 12px;
    margin-left: 40px;
}
#postbtn, #removebtn {
    background: #70ca10 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 120px;
}
#removebtn {
    background: #bbbbbb none repeat scroll 0 0;
}
#pnfoot {
    height: 40px;
    line-height: 40px;
    margin-left: 140px;
    margin-top: 40px;
}
#loadedmsg {
    display: none;
    float: left;
    font-size: 13px;
    margin-left: 10px;
}
#loadedmsg a {
    color: #1f8902;
}
#simagebody {
    display: none;
}
.imgup {
    margin-left: 90px;
}
#simgarea {
    background: rgba(0, 0, 0, 0) url("../upload/simgarea.jpg") repeat scroll 0 0;
    float: left;
    min-height: 180px;
    width: 280px;
}
#simgqueue, #imgqueue, #imagelist {
    margin-top: 10px;
}
#simageupload {
    float: left;
    margin-left: 30px;
    margin-top: 60px;
}
#imageupload {
    line-height: 40px;
}
#imageupload .uploadifive-button {
    float: left;
    margin-right: 20px;
}
.imageitem a.viewimg {
    cursor: move;
}
.imageitem textarea {
    height: 68px;
    margin-left: 20px;
}
#bmslide {
    height: 360px;
    width: 100%;
}
#bmslide img {
    display: block;
    float: none;
    height: 360px;
    margin: 0 auto;
    width: 1140px;
}
#bmheader {
    margin: 30px auto;
}
#bms-1 {
    margin-left: 22px;
    margin-top: -18px;
}
#bms-1-1 {
    color: #777777;
    font-size: 24px;
    height: 56px;
    line-height: 56px;
}
#bms-1-1 span {
    color: #ff8a00;
    font-size: 48px;
    margin-left: 14px;
}
#bms-1-2 {
    color: #9b9b9b;
    font-size: 14px;
}
#bms-1-2 span {
    color: #ff8a00;
}
#designerscid li#bms-2 {
    float: right;
    width: 270px;
}
#designerscid li#bms-2 a {
    background: #ff8a00 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 18px;
    height: 51px;
    line-height: 50px;
    text-align: center;
    width: 270px;
}
#bms-2 .yy-uploadb {
    left: 20px;
    position: relative;
    top: 12px;
}
#bms_2 {
    color: #777777;
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
}
#bms_3 {
    margin-top: 25px;
}
.bms_3i {
    float: left;
    height: 125px;
    margin-right: 80px;
    width: 230px;
}
.bms_3i:nth-of-type(4) {
    margin-right: 0;
}
.bms_3i_a {
    float: left;
    height: 125px;
    margin-left: 10px;
    width: 125px;
}
.bms_3i_a img {
    border-radius: 62px;
}
.bms_3i_b {
    float: left;
    width: 225px;
}
.bms_3i_b_1 {
    color: #000;
    font-size: 18px;
    margin-top: 10px;
}
.bms_3i_b_1 span {
    color: #6e6e6e;
    font-size: 12px;
    margin-left: 15px;
}
.bms_3i_b_2 {
    color: #6e6e6e;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 15px;
}
#bms_4 {
    font-size: 14px;
    margin-top: 120px;
}
#bms_4_a {
    color: #777777;
    font-size: 24px;
    font-weight: bold;
}
#bms_4_b {
    color: #777777;
    line-height: 30px;
    margin-top: 30px;
}
.abc {
    color: #ff8a00;
}
#bms_4 a {
    color: #66c31d;
}
.bcd {
    font-size: 40px;
    font-weight: bold;
    margin: 0 auto 30px;
    text-align: center;
    width: 720px;
}
.smsitem {
    padding: 20px 50px;
    position: relative;
}
.cma {
    height: 60px;
    width: 60px;
}
.cmb {
    border: 1px solid #e4e4e4;
    margin: 0 80px;
    min-height: 50px;
    padding: 25px;
}
#cmmessage .cmb {
    border: medium none;
    height: 130px;
    padding: 0;
}
#cmtxt {
    border: 1px solid #c7c7c7;
    height: 90px;
    padding: 10px;
    resize: none;
}
#cmtxt textarea {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    color: #535353;
    font-family: Arial,"微软雅黑";
    font-size: 13px;
    height: 90px;
    resize: none;
    width: 100%;
}
.cmb p {
    font-size: 13px;
    line-height: 20px;
}
.cmb p span {
    color: #828282;
    margin-left: 10px;
}
.smsitem .umic {
    right: 135px;
    top: 30px;
}
.cmb #postbtn {
    float: right;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    width: 124px;
}
.newscount {
    background: #ff0000 none repeat scroll 0 0;
    color: #fff;
    font-family: Arial;
    font-size: 12px;
    padding: 2px;
}
#postform {
    padding: 30px 0;
}
#postform .pnitem {
    border: medium none;
}
#control {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    right: -195px;
    top: 0;
    width: 260px;
    z-index: 2;
}
#control ul {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    padding-top: 62px;
}
#control ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    cursor: pointer;
    height: 46px;
    padding: 10px;
}
#control ul li div {
    float: left;
}
#control ul li div p {
    height: 23px;
    line-height: 23px;
}
#control ul li div.fyla {
    margin-left: 10px;
    width: 140px;
}
#control ul li div.fylb {
    float: right;
}
#control ul li div.fylb p {
    text-align: right;
}
#control ul li div.fylc {
    color: #737373;
    font-size: 13px;
    height: 46px;
    line-height: 46px;
    margin-left: 10px;
    white-space: nowrap;
}
#cbbfixed {
    bottom: -85px;
    position: fixed;
    right: 10px;
    transition: bottom 0.3s ease 0s;
    z-index: 3;
}
.cbbtn {
    background-color: rgba(51, 51, 51, 0.6);
    display: block;
    height: 40px;
    width: 40px;
}
#gotop {
    background-color: rgba(51, 51, 51, 0.6);
    margin-top: 1px;
    transition: background-color 0.3s ease 0s;
}
#gotop:hover {
    background-color: #70ca10;
}
#cweixin {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
}
#cweixin div {
    background: rgba(0, 0, 0, 0) url("../images/weixin.png") repeat scroll 0 0;
    height: 199px;
    left: -194px;
    opacity: 0;
    position: absolute;
    top: -115px;
    transform: scale(0);
    transform-origin: 100% 70% 0;
    transition: all 0.3s ease 0s;
    width: 194px;
}
#cweixin:hover div {
    display: block;
    opacity: 1;
    transform: scale(1);
}
#thankyou {
    height: 180px;
    left: 50%;
    margin-left: -315px;
    margin-top: -90px;
    position: absolute;
    top: 50%;
    width: 630px;
}
#thankyou p {
    text-align: center;
    width: 100%;
}
.tks-1 {
    color: #6bc30d;
    font-size: 48px;
    height: 60px;
    line-height: 60px;
}
.tks-2 {
    color: #929292;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
}
.tks-3 {
    height: 30px;
    line-height: 30px;
    margin-top: 35px;
}
.tks-3 a {
    color: #999797;
    display: block;
    float: left;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-left: 50px;
    text-indent: 15px;
}
.tks-3 a span {
    float: left;
}
#linkspage p, #articlepage p.atitle {
    color: #848484;
    font-size: 32px;
    line-height: 41px;
    margin-bottom: 40px;
}
#linkspage a {
    color: #535353;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
}
#articlepage {
    font-size: 13px;
}
#articlepage a {
    color: #535353;
}
#umnav {
    height: 60px;
}
#umnav li {
    float: left;
    height: 60px;
    margin-right: 1px;
    width: 150px;
}
#umnav li a {
    background: #6e6f71 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
}
#umnav li#umnactive a {
    background: #fff none repeat scroll 0 0;
    color: #000;
}
#umbody {
    background: #fff none repeat scroll 0 0;
    height: auto;
    margin-bottom: 20px;
    width: 100%;
}
.umitem {
    border-bottom: 1px solid #f0f1f1;
    color: #535353;
    height: auto;
    min-height: 60px;
    padding: 40px 50px;
    position: relative;
    transition: all 0.3s ease-out 0s;
    width: auto;
}
.umitem a {
    color: #535353;
}
.umitem a.umtx {
    float: left;
    height: 60px;
    width: 60px;
}
.umitem > div {
    font-size: 14px;
    line-height: 24px;
    margin-left: 80px;
    padding-top: 5px;
    width: auto;
}
.umitem p .umidate {
    color: #828282;
    font-size: 12px;
    margin-left: 18px;
}
.umitem p img {
    float: none;
    vertical-align: middle;
}
.umic {
    background: rgba(0, 0, 0, 0) url("../images/uploadifive-cancel.png") no-repeat scroll 0 0;
    cursor: pointer;
    display: block;
    height: 16px;
    position: absolute;
    right: 25px;
    top: 20px;
    width: 16px;
}
.umitem div a {
    font-size: 14px;
    margin: 0 5px;
    text-decoration: underline;
}
.umitem div a.muname {
    margin: 0;
}
#homecontent {
    margin-top: 20px;
}
#ulikecat {
    background: #f7f8f8 none repeat scroll 0 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    height: 40px;
    padding: 10px 0;
}
#ulcb {
    position: relative;
    width: 280px;
    z-index: 2;
}
#ulcblabel {
    background: #edeeee none repeat scroll 0 0;
    color: #535353;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-indent: 20px;
    width: 280px;
}
#ulcbabeltxt {
    color: #444444;
    display: inline-block;
    float: left;
    font-size: 14px;
    height: 40px;
    overflow: hidden;
    width: 251px;
}
#ulcblabel .yy-soi {
    float: left;
    margin-top: 16px;
    transition: transform 0.3s ease 0s;
}
#ulcbcontent {
    background: #fff none repeat scroll 0 0;
    display: none;
    height: auto;
    width: 280px;
}
#ulcbcontent li {
    border-bottom: 1px solid #e3e3e3;
    height: 35px;
    line-height: 35px;
    text-indent: 30px;
}
#ulcbcontent li a {
    color: #8a8a8a;
    display: block;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: background, color;
    transition-timing-function: ease;
}
#ulcbcontent li a:hover {
    background: #6bc30d none repeat scroll 0 0;
    color: #fff;
}
#ulcb:hover .yy-soi {
    transform: rotate(180deg);
}
#ulcb:hover #ulcbcontent {
    display: block;
}
.popupwindow {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    display: none;
    height: 370px;
    left: 100px;
    position: fixed;
    top: 200px;
    width: 540px;
    z-index: 3;
}
.pwhead {
    background: #404040 none repeat scroll 0 0;
    border-radius: 3px 3px 0 0;
    color: #fff;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
}
.pwhead .pwclose {
    margin-right: 10px;
    margin-top: 10px;
}
.pycontent {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: -moz-use-text-color #c2c2c2 #c2c2c2;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    box-sizing: border-box;
    height: 330px;
    z-index: 100;
}
.pybody {
    height: 258px;
    overflow-y: auto;
    padding: 10px;
}
.pytxt {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #c2c2c2 rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: #6b6a6a;
    cursor: text;
    font-size: 13px;
    height: 52px;
    outline: medium none;
    overflow-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    resize: none;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}
.pytxt:focus {
    border: 1px solid #4d90fe;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
}
.pyitem {
    height: auto;
    margin-bottom: 10px;
    width: 80%;
}
.pyitem.fr .pyit {
    float: right;
}
.pyitem.fr .pyib {
    float: right;
}
.pwclose {
    display: block;
    float: right;
    height: 16px;
    position: relative;
    transform: rotate(45deg);
    transition: all 0.3s ease-out 0s;
    width: 16px;
}
.pwclose:hover {
    transform: rotate(225deg);
}
.pwclose_h {
    background: #fff none repeat scroll 0 0;
    height: 2px;
    position: absolute;
    top: 7px;
    width: 16px;
}
.pwclose_s {
    background: #fff none repeat scroll 0 0;
    height: 16px;
    left: 7px;
    position: absolute;
    width: 2px;
}
#projectfix {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    display: none;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5;
}
#projectitem {
    padding-top: 60px;
}
.fixed {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.fixed-container {
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 9999;
}
.yy-alert-container {
    background: #fff none repeat scroll 0 0;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
    height: 200px;
    margin-left: -240px;
    margin-top: -120px;
    padding: 20px;
    width: 440px;
}
.yy-alert-content {
    margin-top: 50px;
}
.yy-alert-content p {
    text-align: center;
}
.yy-alert-title {
    color: #000;
    font-size: 24px;
    height: 30px;
    line-height: 24px;
}
.yy-alert-subtitle {
    color: #767676;
    font-size: 12px;
    height: 16px;
}
.yy-alert-control {
    height: 32px;
    margin: 20px auto;
    width: 260px;
}
.yy-alert-control a {
    background: #6bc30d none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: left;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 120px;
}
.yy-alert-control a.yy-alert-control-canel {
    background: #686868 none repeat scroll 0 0;
    margin-left: 20px;
}
.yy-alert a.yy-alert-close {
    float: right;
}
.popuplitem {
    background: #fff none repeat scroll 0 0;
    height: 270px;
    margin-left: -240px;
    margin-top: -135px;
    width: 480px;
}
#pplhead {
    background: #f7f8f8 none repeat scroll 0 0;
    color: #474747;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 30px;
}
#pplhead .yy-cdel {
    cursor: pointer;
    float: right;
    margin-top: 15px;
}
.pplc {
    padding: 0 30px;
}
#pplcimg {
    float: left;
    height: 90px;
    width: 140px;
}
#pplcr {
    float: left;
    margin-left: 20px;
}
.yy-select {
    height: 40px;
    line-height: 40px;
    width: 260px;
}
.yy-selectlabel {
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0 10px;
    width: auto;
}
.yy-selectlabeltxt {
    color: #626262;
    font-size: 14px;
    height: 100%;
    margin-right: 15px;
    width: auto;
}
.yy-selectlabel .yy-soi {
    float: right;
    margin-top: 15px;
}
.yy-selectcontent {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: -moz-use-text-color #d2d2d2 #d2d2d2;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    display: none;
    max-height: 180px;
    overflow: auto;
    position: relative;
    z-index: 2;
}
.yy-selectcontent li {
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
}
.yy-selectcontent li a {
    color: #626262;
    display: block;
    font-size: 14px;
    height: 100%;
    width: 100%;
}
.yy-selectcontent li a:hover {
    background: #f3f3f3 none repeat scroll 0 0;
}
.yy-selectcontent li a.active {
    background: #979797 none repeat scroll 0 0;
    color: #fff;
}
.txtellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#pplacat {
    margin-top: 10px;
}
#pplainput {
    border: 1px solid #d2d2d2;
    float: left;
    height: 18px;
    padding: 10px;
    width: 160px;
}
#pplainput input {
    color: #626262;
    font: 14px Arial,"微软雅黑";
}
#addcatbtn {
    background: #9a9a9a none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 66px;
}
#addcatbtn:hover {
    background: #70ca10 none repeat scroll 0 0;
}
.pplc #postbtn {
    background: #ff8400 none repeat scroll 0 0;
}
.pplc #postbtn, .pplc #removebtn {
    cursor: pointer;
    font-size: 16px;
    margin-top: 30px;
    width: 290px;
}
.pplc #removebtn {
    width: 120px;
}
#popuplike #postbtn {
    width: 100%;
}
.ullitem {
    background: #fff none repeat scroll 0 0;
    border-bottom: 5px solid #e3e3e3;
    float: left;
    height: 290px;
    margin-bottom: 40px;
    margin-right: 20px;
    padding: 0 10px;
    width: 260px;
}
.ullitem.me {
    cursor: move;
    height: 340px;
}
.ullitem .ullititle {
    color: #5e5d5d;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    text-indent: 10px;
}
.ullitem .citemtop {
    background: #f0f0f0 none repeat scroll 0 0;
    height: 167px;
    width: 260px;
}
.ullitem ul {
    height: 51px;
    margin: 10px 0;
}
.ullitem ul li {
    background: #f0f0f0 none repeat scroll 0 0;
    float: left;
    height: 51px;
    margin-right: 10px;
    width: 80px;
}
.ullitem ul li:last-child {
    margin-right: 0;
}
.ulledit {
    background: #f3f3f3 none repeat scroll 0 0;
    color: #818181;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}
.ulledit:hover {
    background: #6bc30d none repeat scroll 0 0;
    color: #fff;
}
.ui-sortable-placeholder {
    background: #e7e7e7 none repeat scroll 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12) inset;
}
#popupeditlikecat .popuplitem {
    height: 240px;
}
#popupeditlikecat #pplcr {
    margin-left: 0;
}
#popupeditlikecat #pplainput {
    width: 400px;
}
.dcso {
    margin-top: 5px;
}
.dcso .yy-selectcontent {
    max-height: 200px;
}
.dcso .yy-select, .dcso .yy-input, .dcso .yy-submit {
    float: left;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    width: 130px;
}
.dcso .yy-input {
    border: 1px solid #d2d2d2;
    width: 120px;
}
.dcso .yy-input input {
    color: #626262;
    font-family: "微软雅黑";
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    padding: 5px;
    width: 100px;
}
.dcso .yy-selectlabel .yy-soi {
    margin-top: 10px;
}
.dcso .yy-submit {
    background: #6bc30d none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    height: 32px;
    line-height: 31px;
    text-align: center;
    width: 80px;
}
.edui-body-container img {
    float: none;
    max-width: 100%;
}
#banner {
    background: rgba(0, 0, 0, 0) url("../images/banner.jpg") repeat fixed 0 0;
    height: 200px;
    position: relative;
    top: 50px;
    width: 100%;
}
#bannerbody {
    position: fixed;
    top: 50px;
    width: 100%;
}
#b_default {
    height: 200px;
    text-align: center;
}
#b_default p:nth-child(1) {
    color: #fff;
    font-size: 30px;
    margin-top: 38px;
}
#b_default p:nth-child(2) {
    color: #d4fffe;
    font-size: 14px;
}
#b_default p:nth-child(3) {
    margin-top: 30px;
}
#b_default p:nth-child(3) a {
    background: #00b4de none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    padding: 8px 16px;
}
#b_ucode {
    margin: 30px auto;
    width: 420px;
}
#b_ucode {
    color: #729cb7;
    font-size: 12px;
}
#b_ucode .b_u_ti {
    color: #00ffea;
    display: inline-block;
    font-family: "HELVETICANEUELTPRO-THEX";
    font-size: 48px;
    width: 62px;
}
#b_ucode .b_u_split {
    border-left: 1px solid #385b72;
    display: inline-block;
    height: 40px;
    margin: 0 15px;
    position: relative;
    top: 4px;
}
#b_ucode #b_u_desc {
    font-size: 13px;
    left: -5px;
    position: relative;
    text-align: center;
}
#b_ucode #b_u_btn {
    margin-left: 80px;
    margin-top: 20px;
}
#b_ucode #b_u_btn a {
    background: #00b4de none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 120px;
}
#b_ucode #b_u_btn a#b_u_get {
    background: #486d7f none repeat scroll 0 0;
    color: #8096a4;
    cursor: default;
}
#b_ucode #b_u_btn.active a#b_u_url {
    display: none;
}
#b_ucode #b_u_btn.active a#b_u_get {
    background: #ff8a00 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    width: 240px;
}
#recco {
    height: auto;
    width: 100%;
}
#recco .immore {
    width: 210px;
}
#recco ul.ituihuo {
    margin-bottom: 0;
}
#recco ul.ituihuo li {
    height: 90px;
    margin-bottom: 10px;
    margin-right: 21px;
    width: 125px;
}
#recco ul.ituihuo li:nth-child(12n) {
    margin-right: 0;
}
#recco ul.ituihuo li a {
    display: block;
    height: 60px;
    width: 125px;
}
#recco ul.ituihuo li a img {
    background: #f1f1f1 none repeat scroll 0 0;
    float: none;
}
#recco ul.ituihuo li a div {
    color: #5a5a5a;
    float: none;
    font-size: 13px;
    margin-left: 0;
    text-align: center;
}
#recco ul.ituihuo li a div span {
    color: #a8a8a8;
}
@media screen and (max-width: 1880px) {
.autocw {
    width: 1180px;
}
#content .citem:nth-child(6n-1) {
    margin-right: 20px;
}
#content .citem:nth-child(4n-1) {
    margin-right: 0;
}
#listcontent .citem:nth-child(6n) {
    margin-right: 20px;
}
#listcontent .citem:nth-child(4n) {
    margin-right: 0;
}
#listcontent .citem.bm:nth-child(3n) {
    margin-right: 20px;
}
#listcontent .citem.bm:nth-child(2n) {
    margin-right: 0;
}
.imitem:nth-child(3n) {
    margin-right: 20px;
}
.imitem:nth-child(2n) {
    margin-right: 0;
}
.imitemtwo {
    display: none;
}
#recco ul.ituihuo li {
    margin-right: 20px;
}
#recco ul.ituihuo li:nth-child(12n) {
    margin-right: 20px;
}
#recco ul.ituihuo li:nth-child(8n) {
    margin-right: 0;
}
}
@media screen and (max-width: 1250px) {
#minm .autocw {
    width: 880px;
}
#minm #content .citem:nth-child(4n-1) {
    margin-right: 20px;
}
#minm #content .citem:nth-child(3n-1) {
    margin-right: 0;
}
#minm #listcontent .citem:nth-child(4n) {
    margin-right: 20px;
}
#minm #listcontent .citem:nth-child(3n) {
    margin-right: 0;
}
#minm #hnav > li, #minm #sonews, #minm #likeurl, #minm #imcontent .imitem {
    display: none;
}
#minm #hnav li#mnnav, #minm #hnav li#navuplpad, #minm #imcontent #recco.imitem {
    display: block;
}
#recco ul.ituihuo li {
    margin-right: 18px;
}
#recco ul.ituihuo li:nth-child(8n) {
    margin-right: 18px;
}
#recco ul.ituihuo li:nth-child(12n) {
    margin-right: 18px;
}
#recco ul.ituihuo li:nth-child(6n) {
    margin-right: 0;
}
#minm .openbtn {
    display: block;
}
#minm #czslide, #minm #czslide ul, #minm #czslide li {
    height: 412px;
    width: 840px;
}
#minm #czslide .slidecon {
    top: 160px;
}
#minm #projectba a.pvlbtn {
    width: 270px;
}
#minm .projectblock img {
    height: auto;
    max-width: 100%;
}
#minm #projectpostbody img {
    height: auto;
}
}
@media screen and (max-width: 950px) {
#minm .autocw {
    width: 580px;
}
#minm #content .citem:nth-child(3n-1) {
    margin-right: 20px;
}
#minm #content .citem:nth-child(2n-1) {
    margin-right: 0;
}
#minm #listcontent .citem:nth-child(3n) {
    margin-right: 20px;
}
#minm #listcontent .citem:nth-child(2n) {
    margin-right: 0;
}
#recco ul.ituihuo li {
    margin-right: 13px;
}
#recco ul.ituihuo li:nth-child(8n) {
    margin-right: 13px;
}
#recco ul.ituihuo li:nth-child(12n) {
    margin-right: 13px;
}
#recco ul.ituihuo li:nth-child(6n) {
    margin-right: 13px;
}
#recco ul.ituihuo li:nth-child(4n) {
    margin-right: 0;
}
}
div.tagsinput {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dbe2e6;
    height: 100px;
    overflow-y: auto;
    padding: 2px;
    width: 300px;
}
div.tagsinput span.tag {
    background: #ededed none repeat scroll 0 0;
    color: #838383;
    display: block;
    float: left;
    font-size: 13px;
    height: 16px;
    line-height: 16px;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 5px;
    text-decoration: none;
}
div.tagsinput span.tag a {
    color: #838383;
    font-weight: bold;
    text-decoration: none;
}
div.tagsinput input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid transparent;
    color: #757575;
    font-size: 13px;
    margin: 0;
    outline: 0 none;
    padding: 8px 5px;
    text-indent: 0;
    width: auto;
}
div.tagsinput div {
    display: block;
    float: left;
}
.tags_clear {
    clear: both;
    height: 0;
    width: 100%;
}
.not_valid {
    background: #fbd8db none repeat scroll 0 0 !important;
    color: #90111a !important;
}
.uploadifive-button {
    background: #9f9f9f none repeat scroll 0 0;
    color: #fff;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 120px;
}
.uploadifive-button input {
    height: 100%;
}
.uploadifive-queue-item, .imageitem {
    background-color: #f5f5f5;
    border-bottom: 1px dotted #d5d5d5;
    font: 12px Arial,Helvetica,sans-serif;
    margin-top: 3px;
    padding: 15px;
}
.uploadifive-queue-item .close, .imageitem .close {
    background: rgba(0, 0, 0, 0) url("../images/uploadifive-cancel.png") no-repeat scroll 0 0;
    display: block;
    float: right;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}
.uploadifive-queue-item .progress {
    border: 1px solid #d0d0d0;
    height: 3px;
    margin-top: 5px;
    width: 100%;
}
.uploadifive-queue-item .progress-bar {
    background-color: #0072bc;
    height: 3px;
    width: 0;
}
.tips {
    font-size: 14px;
    line-height: 40px;
}
.tips strong {
    color: #ff8400;
    margin: 0 5px;
}
.tips a {
    color: #6bc30d;
    margin: 0 10px;
}
.pnitemdomain .pnlabel {
    font-size: 16px;
    margin-right: 10px;
    width: 45px;
}
.pnitemdomain input.inputtxt {
    float: left;
    line-height: 40px;
    width: 100px;
}
#pnumcode input {
    padding-right: 10px;
    width: 190px;
}
.pnitemdomain .pnlabelue {
    margin-left: 10px;
}
.pnitemdomain .pnlabel.pnlabeltips {
    font-size: 14px;
    margin-top: 1px;
}
.checkresult {
    background: #a5a5a5 url("../images/tips.png") no-repeat scroll 10px -42px;
    border: 1px solid #a5a5a5;
    color: #fff;
    display: none;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-left: 50px;
    margin-top: -5px;
    padding: 10px;
    text-align: left;
    text-indent: 30px;
    width: 290px;
}
.checkresult_w {
    background-color: #fffada;
    background-position: 10px 6px;
    border: 1px solid #ffe2be;
    color: #979696;
    display: block;
}
.checkresult_r {
    background-color: transparent;
    background-position: 10px -90px;
    border: medium none #fff;
    display: block;
}
.edui-container {
    float: left;
    margin-bottom: 5px;
    width: 980px;
}
#poprecfu {
    height: 434px;
    margin-left: -330px;
    margin-top: -217px;
    width: 660px;
}
#rfuhead {
    background: #6bc30d none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}
#rfutype {
    padding: 20px;
}
#rfutype > span {
    color: #939393;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
}
#rfutype .dcso {
    margin: 0 5px 0 10px;
}
#rfusavehy {
    margin-top: 8px;
}
#rfusavehy input {
    margin-right: 10px;
    position: relative;
    top: 2px;
}
#rfubody {
    border-top: 1px solid #f2f2f2;
    height: 80px;
    padding: 20px;
}
.rfuitem {
    float: left;
    height: 80px;
    margin-bottom: 30px;
    width: 215px;
}
.rfuitem:nth-of-type(3n) {
    width: 190px;
}
.rfuitem > img {
    height: 80px;
    width: 80px;
}
.rfuitem > div {
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}
.rfuitem > div p {
    color: #939393;
    font-size: 12px;
}
.rfuitem > div h3 {
    color: #1f8902;
    font-size: 14px;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px;
}
.rfuitem a.yy-ufollow {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f2f2f2;
    box-sizing: border-box;
    margin-right: 0;
    margin-top: 16px;
    width: 64px;
}
.rfuitem a.yy-ufollow span {
    color: #adadad;
}
.rfuitem a.yy-ufollow.active {
    background: #6bc30d none repeat scroll 0 0;
    border-color: #6bc30d;
    color: #fff;
}
.rfuitem a.yy-ufollow.active .yy-icon {
    background-image: url("../images/gou.png");
    background-position: 0 center;
}
.rfuitem a.yy-ufollow.active span {
    color: #fff;
}
#rfufoot {
    background: #f6f6f6 none repeat scroll 0 0;
    height: 40px;
    padding: 15px;
}
#rfufoot > div {
    float: right;
}
#rfufoot > div > div {
    float: left;
    height: 14px;
    margin-right: 20px;
    padding: 10px 0;
}
#rfufoot > div > div input {
    position: relative;
    top: 2px;
}
#rfufoot > div > div label {
    color: #929292;
    margin-left: 10px;
}
#rfufoot a {
    background: #d6d6d6 none repeat scroll 0 0;
    color: #fff;
    cursor: default;
    display: block;
    float: left;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 150px;
}
#rfufoot a.active {
    background: #ff8a00 none repeat scroll 0 0;
    cursor: pointer;
}
.loadingmx {
    margin-left: -50px;
    margin-top: -80px;
}
.loadingmx .dot {
    animation-duration: 5.28s;
    animation-iteration-count: infinite;
    animation-name: loadingmx;
    height: 64px;
    opacity: 0;
    position: absolute;
    transform: rotate(225deg);
    width: 64px;
}
.loadingmx .dot::after {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 6px;
    position: absolute;
    width: 6px;
}
.loadingmx .dot:nth-child(2) {
    animation-delay: 0.23s;
}
.loadingmx .dot:nth-child(3) {
    animation-delay: 0.46s;
}
.loadingmx .dot:nth-child(4) {
    animation-delay: 0.69s;
}
.loadingmx .dot:nth-child(5) {
    animation-delay: 0.92s;
}
@keyframes loadingmx {
0% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: rotate(225deg);
}
8% {
    animation-timing-function: linear;
    transform: rotate(345deg);
}
30% {
    animation-timing-function: ease-in-out;
    transform: rotate(455deg);
}
40% {
    animation-timing-function: linear;
    transform: rotate(690deg);
}
60% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: rotate(815deg);
}
75% {
    animation-timing-function: ease-out;
    transform: rotate(965deg);
}
76% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
@keyframes loadingmx {
0% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: rotate(225deg);
}
8% {
    animation-timing-function: linear;
    transform: rotate(345deg);
}
30% {
    animation-timing-function: ease-in-out;
    transform: rotate(455deg);
}
40% {
    animation-timing-function: linear;
    transform: rotate(690deg);
}
60% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: rotate(815deg);
}
75% {
    animation-timing-function: ease-out;
    transform: rotate(965deg);
}
76% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
@keyframes loadingmx {
0% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: rotate(225deg);
}
8% {
    animation-timing-function: linear;
    transform: rotate(345deg);
}
30% {
    animation-timing-function: ease-in-out;
    transform: rotate(455deg);
}
40% {
    animation-timing-function: linear;
    transform: rotate(690deg);
}
60% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: rotate(815deg);
}
75% {
    animation-timing-function: ease-out;
    transform: rotate(965deg);
}
76% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}

/*返回顶部开始*/
#code,#code_hover{width:40px;height:195px;background:url(../images/icon.png) no-repeat;position:fixed;right:50px;cursor:pointer;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
#code{background-position: -189px 0px;bottom:120px;_margin-bottom:120px;}
#code_hover{background-position: -189px 0px;bottom:120px;_margin-bottom:120px;}
#gotop{background-position:-276px -310px;bottom:67px;_margin-bottom:67px;
    width:40px;height:40px;position:fixed;right:50px;cursor:pointer;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}

#code_img{width:270px;height:355px;background: url(../images/icon.png) 92px 109px no-repeat;position:fixed;right:90px;bottom:67px;cursor:pointer;display:none;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:67px;}
/*返回顶部结束*/
